<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css"></link>
</head>
<body>
    <div class="bg">
        <div class="box">
            <form action="https://www.hao123.com">
                <p class="name">
                    <label for="name">用户名：</label>
                    <input type="text" name="" id="name"></input>
                </p>
                <p class="password">
                    <label for="password">密码：</label>
                    <input type="password" name="" id="password"></input>
                    <span class="kuai">密码要8-12位的数字或字母组合</span>
                </p>
                <p class="liuyan">
                    <label for="liuyan">留言：</label>
                    <textarea id="liuyan" maxlength="20">人生在于折腾</textarea>
                </p>
                <p class="sex">性别：</p>
                <div class="radio-check">
                    <input type="radio" id="male" name="sex"></input>
                    <label for="male">男</label>
                    <input type="radio" id="female" name="sex"></input>
                    <label for="female">女</label>
                </div>
            </br>
            <p class="aihao">爱好：</p>
            <div class="checkbox-check">
                <input type="checkbox" name="aihao" value="打球" id="daqiu"></input>
                <label for="daqiu">打球</label>
                <input type="checkbox" name="aihao" value="唱歌" id="changge"></input>
                <label for="changge">唱歌</label>
                <input type="checkbox" name="aihao" value="睡觉" id="shuijiao"></input>
                <label for="shuijiao">睡觉</label>
            </div>
            <div>
                <input type="submit" name="tijiao" value="提交" class="submit"></input>
            </div>
            </form>
        </div>
    </div>
</body>
</html>